<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/extras/spring-security"
      xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="/css/layui.css">
    <script src="/layui/layui.js"></script>
    <script src="/js/jquery-3.4.1.min.js"></script>
    <link href="/imgs/favicon.ico" rel="shortcut icon">

    <title>管理首页</title>
    <style>
        /*需要复制*/
        body{
            text-align: center;
        }
        .header .layui-nav{
            display: inline-block;
            float: right;
        }
        .logo{
            position: absolute;
            left: 0px;
            font-size: 35px;
            color: lightblue;
            margin-top: 4px;
        }
        .layui-nav{
            border-radius: 0px;
        }
        .layui-header{
            position: fixed;
            width: 100%;
            margin-top: -80px;
        }
        .layui-side{
            top:60px;
        }
        .layui-tab{
            margin-left: 200px;
            margin-top: 80px;
            z-index: 990;
        }
        .layui-tab-title{
            font-size: 30px;
            margin: 30px;
        }
        .layui-body{
            position: relative;
            left: 0;
            padding: 30px;
            margin-top: -30px;
        }
        .layui-body a:hover{
            color: #555;
        }

        .layui-col-md4{
            margin-bottom: 10px;
        }
        .layui-col-md4 a{
            color: #090909;
        }
        .layui-card{
            border-radius: 24px;
        }
        .layui-card-header{
            font-size: 30px;
            padding: 20px;
            color: white;
        }
        .layui-card-body{
            text-align: center;
            font-family: layui-icon;
        }

        /*footer的样式（需要复制)*/
        .layui-footer {
            position: fixed;
            height: 50px;
            left: 200px;
            right: 0;
            bottom: 0;
            background-color: gainsboro;
            z-index: 1000;
        }
        .layui-main{
            width: 100%;
        }
        .footer-demo{
            line-height: 45px;
            margin: 0px;
        }
        .footer-demo p{
            display: inline-block;
            vertical-align: middle;
            padding-right: 10px;
        }
        .a{
            margin-left: -25px;
        }
        .layui-icon{
            margin-right: 10px;
        }
    </style>

    <script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js"></script>
    <script src="/js/kawai.js"></script><!--必须在后面-->
</head>
<body style="text-align: center">

<div class="layui-layout layui-layout-admin">

    <div class="layui-header header header-demo" spring="">
        <div class="layui-main">
            <div class="layui-nav" th:replace="~{commons/commons::topbar}"></div>
        </div>
    </div>
</div>


<div class="layui-side layui-bg-black">
    <div class="layui-side-scroll">
        <div th:replace="~{commons/commons::sidebar(itemed='index.html')}"></div>
    </div>
</div>

<div class="layui-tab layui-tab-brief">
    <ul class="layui-tab-title">
        <li class="layui-this" style="font-size: 20px;">
            管理首页
        </li>
    </ul>
    <div class="layui-body">
        <div class="layui-row layui-col-space16">
            <div class="layui-col-md4">
                <a href="/admin/edit">
                    <div class="layui-card"  style="background-color: #17a2b8">
                        <div class="layui-card-header">发布博客</div>
                        <div class="layui-card-body">
                            MORE INFO ->
                        </div>
                    </div>
                </a>
            </div>
            <div class="layui-col-md4">
                <a href="/admin/blogs">
                    <div class="layui-card"  style="background-color: #28a745 ">
                        <div class="layui-card-header">管理博客</div>
                        <div class="layui-card-body">
                            MORE INFO ->
                        </div>
                    </div>
                </a>
            </div>
            <div class="layui-col-md4">
                <a href="/admin/comments">
                    <div class="layui-card" style="background-color: #007bff">
                        <div class="layui-card-header">评论管理</div>
                        <div class="layui-card-body">
                            MORE INFO ->
                        </div>
                    </div>
                </a>
            </div>
            <div class="layui-col-md4">
                <a href="/admin/catagory">
                    <div class="layui-card"  style="background-color: #ffc107">
                        <div class="layui-card-header">分类管理</div>
                        <div class="layui-card-body">
                            MORE INFO ->
                        </div>
                    </div>
                </a>
            </div>
            <div class="layui-col-md4">
                <a href="/admin/tags">
                    <div class="layui-card"  style="background-color: #dc3545">
                        <div class="layui-card-header">标签管理</div>
                        <div class="layui-card-body">
                            MORE INFO ->
                        </div>
                    </div>
                </a>
            </div>
            <div class="layui-col-md4">
                <a href="/admin/links">
                    <div class="layui-card"  style="background-color: #343a40">
                        <div class="layui-card-header">友情链接</div>
                        <div class="layui-card-body">
                            MORE INFO ->
                        </div>
                    </div>
                </a>
            </div>
        </div>
    </div>
</div>

<div th:replace="~{commons/commons::footer}"></div>


<script src="/js/public.js"></script>

</body>
</html>